{% extends 'dcim/device/base.html' %}
{% load render_table from django_tables2 %}
{% load helpers %}
{% load static %}

{% block content %}
  {% include 'dcim/device/inc/interface_table_controls.html' with table_modal="DeviceInterfaceTable_config" %}

<form method="post">
  {% csrf_token %}

  <div class="card">
    <div class="card-body" id="object_list">
      {% include 'htmx/table.html' %}
    </div>
  </div>

  <div class="noprint bulk-buttons">
    <div class="bulk-button-group">
      {% if 'bulk_edit' in actions %}
        <div class="btn-group" role="group">
          <button type="submit" name="_edit"
            formaction="{% url 'dcim:interface_bulk_edit' %}?device={{ object.pk }}&return_url={% url 'dcim:device_interfaces' pk=object.pk %}"
            class="btn btn-warning btn-sm">
            <i class="mdi mdi-pencil" aria-hidden="true"></i> Edit
          </button>
          <button type="submit" name="_rename"
            formaction="{% url 'dcim:interface_bulk_rename' %}?return_url={% url 'dcim:device_interfaces' pk=object.pk %}"
            class="btn btn-outline-warning btn-sm">
            <i class="mdi mdi-pencil-outline" aria-hidden="true"></i> Rename
          </button>
        </div>
      {% endif %}
      <div class="btn-group" role="group">
        {% if 'bulk_delete' in actions %}
          <button type="submit" name="_delete"
            formaction="{% url 'dcim:interface_bulk_delete' %}?return_url={% url 'dcim:device_interfaces' pk=object.pk %}"
            class="btn btn-danger btn-sm">
            <i class="mdi mdi-trash-can-outline" aria-hidden="true"></i> Delete
          </button>
        {% endif %}
        {% if 'bulk_edit' in actions %}
          <button type="submit" name="_disconnect"
            formaction="{% url 'dcim:interface_bulk_disconnect' %}?return_url={% url 'dcim:device_interfaces' pk=object.pk %}"
            class="btn btn-outline-danger btn-sm">
            <span class="mdi mdi-ethernet-cable-off" aria-hidden="true"></span> Disconnect
          </button>
        {% endif %}
      </div>
    </div>
    {% if perms.dcim.add_interface %}
      <div class="bulk-button-group">
        <a href="{% url 'dcim:interface_add' %}?device={{ object.pk }}&return_url={% url 'dcim:device_interfaces' pk=object.pk %}"
          class="btn btn-primary btn-sm">
          <i class="mdi mdi-plus-thick" aria-hidden="true"></i> Add Interfaces
        </a>
      </div>
    {% endif %}
  </div>
</form>
{% endblock %}

{% block modals %}
  {{ block.super }}
  {% table_config_form table %}
{% endblock modals %}
